<template>
	<view class="mainpadding">
		<!-- 选择生日 -->
		<u-datetime-picker :show="srshow" v-model="value1" mode="date"  @cancel="srcancel" @confirm="srconfirm"></u-datetime-picker>
		<!-- 选择性别 -->
		<u-picker :show="xbshow" :columns="xbcolumns" title="选择性别" @cancel="xbcancel" @confirm="xbconfirm"></u-picker>
		<view class="flexcenter margin_top5">
			<view class="toubox flexcenter">
				<u-icon name="camera" color="#fff" size="38"></u-icon>
			</view>
			<!-- 有头像 -->
			<!-- <image class="touxiang" src="../static/image/system/nans.png" mode=""></image> -->
		</view>
		<view class="">
			<view class="flexbetween margin_top6" @click="jumper('/pages_mypage/xiugainc')">
				<view class="sanshier xiaohui">昵称</view>
				<view class="flexright">
					<view class="sanshier margin_right1">柒安、</view>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="flexbetween margin_top6">
				<view class="sanshier xiaohui">ID号</view>
				<view class="sanshier">86254652952</view>
			</view>
			<view class="flexbetween margin_top6" @click="jumper('/pages_mypage/xiugaijj')">
				<view class="sanshier xiaohui">简介</view>
				<view class="flexright">
					<view class="sanshier margin_right1">点击设置</view>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="flexbetween margin_top6" @click="xbshow = true">
				<view class="sanshier xiaohui">性别</view>
				<view class="flexright">
					<view class="sanshier margin_right1">男</view>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="flexbetween margin_top6" @click="srshow = true">
				<view class="sanshier xiaohui">生日</view>
				<view class="flexright">
					<view class="sanshier margin_right1">点击设置</view>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="flexbetween margin_top6" @click="jumper('/pages/login/xuanzeahbq')">
				<view class="sanshier xiaohui">爱好标签</view>
				<view class="flexright">
					<view class="sanshier margin_right1">点击设置</view>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				xbshow: false,
				xbcolumns: [
					['男', '女']
				],
				srshow: false,
				value1: Number(new Date()),
			}
		},
		methods: {
			// 生日
			srcancel(){
				this.srshow = false
			},
			srconfirm() {
				this.srshow = false
			},
			// 性别
			xbconfirm() {
				this.xbshow = false
			},
			xbcancel() {
				this.xbshow = false
			},
			jumper(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style lang="scss">
	.touxiang {
		width: 186rpx;
		height: 186rpx;
		border-radius: 50%;
	}

	.toubox {
		width: 186rpx;
		height: 186rpx;
		background: #000000;
		opacity: 0.5;
		border-radius: 50%;
	}
</style>